<template>
	<ff-window title="OxFFF UI 框架" :isHeadLeft="false">
		<template v-slot:default>
			<ff-cell-group title="基础组件" style="margin: 10px;" padding="3px 10px" :isBorder="false">
				<ff-cell @click="onNav('/pages/radio/radio')" padding="10px 3px" title="单选"></ff-cell>
				<ff-cell @click="onNav('/pages/money-keyboard/money-keyboard')" padding="10px 3px"
					title="金额键盘"></ff-cell>
				<ff-cell @click="onNav('/pages/toast/toast')" padding="10px 3px" title="消息提示"></ff-cell>
				<ff-cell @click="onNav('/pages/button/button')" padding="10px 3px" title="按钮"></ff-cell>
				<ff-cell @click="onNav('/pages/icons/icons')" padding="10px 3px" title="图标"></ff-cell>
			</ff-cell-group>
			<ff-cell-group title="布局组件" style="margin: 10px;" padding="3px 10px" :isBorder="false">
				<ff-cell @click="onNav('/pages/cell/cell')" padding="10px 3px" title="单元格"></ff-cell>
				<ff-cell @click="onNav('/pages/window/window')" padding="10px 3px" title="窗口"></ff-cell>
				<ff-cell @click="onNav('/pages/line/line')" padding="10px 3px" title="线"></ff-cell>
				<ff-cell @click="onNav('/pages/atlas/atlas')" padding="10px 3px" title="图册"></ff-cell>
			</ff-cell-group>
			<ff-cell-group title="窗口组件" style="margin: 10px;" padding="3px 10px" :isBorder="false">
				<ff-cell @click="onNav('/pages/money-keyboard/money-keyboard')" padding="10px 3px"
					title="金额键盘"></ff-cell>
				<ff-cell @click="onNav('/pages/page-save/page-save')" padding="10px 3px" title="保存"></ff-cell>
				<ff-cell @click="onNav('/pages/loading/loading')" padding="10px 3px" title="加载"></ff-cell>
				<ff-cell @click="onNav('/pages/scroll-list/scroll-list')" padding="10px 3px" title="列表"></ff-cell>
				<ff-cell @click="onNav('/pages/scroll-detail/scroll-detail')" padding="10px 3px" title="详情"></ff-cell>
				<ff-cell @click="onNav('/pages/form-popup/form-popup')" padding="10px 3px" title="表单弹框"></ff-cell>
				<ff-cell @click="onNav('/pages/window/window')" padding="10px 3px" title="窗口"></ff-cell>
				<ff-cell @click="onNav('/pages/windows/windows')" padding="10px 3px" title="多窗口"></ff-cell>
				<ff-cell @click="onNav('/pages/toast/toast')" padding="10px 3px" title="消息提示"></ff-cell>
				<ff-cell @click="onNav('/pages/modal/modal')" padding="10px 3px" title="模态框"></ff-cell>
				<ff-cell @click="onNav('/pages/confirm/confirm')" padding="10px 3px" title="确认框"></ff-cell>
				<ff-cell @click="onNav('/pages/theme/theme')" padding="10px 3px" title="主题"></ff-cell>
			</ff-cell-group>
			<ff-cell-group title="表单组件" style="margin: 10px;" padding="3px 10px" :isBorder="false">
				<ff-cell @click="onNav('/pages/form/form')" padding="10px 3px" title="表单"></ff-cell>
				<ff-cell @click="onNav('/pages/form-popup/form-popup')" padding="10px 3px" title="表单弹框"></ff-cell>
				<ff-cell @click="onNav('/pages/window-value/window-value')" padding="10px 3px" title="窗口值"></ff-cell>
			</ff-cell-group>
			<ff-cell-group title="支付组件" style="margin: 10px;" padding="3px 10px" :isBorder="false">
				<ff-cell @click="onNav('/pages/pay/pay')" padding="10px 3px" title="支付"></ff-cell>
			</ff-cell-group>
			<ff-safearea-bottom style="min-height: 10px;"></ff-safearea-bottom>
		</template>
	</ff-window>
</template>

<script>
	import my from '../my/my'
	export default {
		components: {
			my,
		},
		data() {
			return {
				data: new Date(),
			}
		},
		mounted() {
			// console.log(this.$ff.root)
			// console.log(this.$ff.root.props)
			// uni.navigateTo({
			// 	url: '/pages/atlas/atlas'
			// })
		},
		methods: {
			onNav(page) {
				uni.navigateTo({
					url: page
				})
			},
		},
	}
</script>
<style>

</style>